<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<f:view contentType="text/html">
	<h:head>
		<f:facet name="first">
			<meta content='text/html; charset=UTF-8' http-equiv="Content-Type" />
			<title>PrimeFaces</title>
		</f:facet>
	</h:head>

	<h:body>
		<h:form>
			<p:commandButton id="loginButton" value="Load"
				actionListener="#{processMiningController.initializeProcessMining}"
				update="path, flow" />

			<!-- <p:tree id="tree" value="#{processBean.model}" var="node" orientation="horizontal">
				<p:treeNode id="treeNode">
					<h:outputText value="#{node}" id="lblNode" />
				</p:treeNode>
			</p:tree> -->

			<p:carousel id="path"
				value="#{processMiningController.processMining.processPathKey}"
				var="pathKey">
				#{pathKey}
				<h:panelGrid columns="1" style="width:100%">
					<h:dataTable
						value="#{processMiningController.processMining.processPath[pathKey].elementList}"
						var="element">

						<h:column>#{element.name}</h:column>

					</h:dataTable>
				</h:panelGrid>

			</p:carousel>


			<p:carousel id="flow"
				value="#{processMiningController.processMining.processSequence}"
				var="model">

				<h:panelGrid columns="1" style="width:100%">
					<h:dataTable value="#{model.elementList}" var="element">

						<h:column>#{element.name}</h:column>

					</h:dataTable>
				</h:panelGrid>

			</p:carousel>

		</h:form>
	</h:body>

</f:view>
</html>

